<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>全选，全不选</title>
</head>
<body>
<ul>
	<li><input type="checkbox" name="sport">篮球</li>
	<li><input type="checkbox" name="sport">足球</li>
	<li><input type="checkbox" name="sport">羽毛球</li>
	<li><input type="checkbox" name="sport">乒乓球</li>
	<li><input type="checkbox" name="sport">保龄球</li>
	<li><input type="checkbox" name="sport">台球</li>
</ul>
<a href="javascript:quanxuan()">全选</a>
<a href="javascript:buxuan()">全不选</a>
<a href="javascript:fanxuan()">反选</a>


<script type="text/javascript">
var oinput = document.getElementsByTagName('input');
// 全选
function quanxuan() {
	// 找到所有的input 给每个input增加checked属性
	for (var i = 0; i < oinput.length; i++) {
		oinput[i].checked = true;
	}
}
// 全不选
function buxuan() {
	// 找到所有的input 给每个input增加checked属性
	for (var i = 0; i < oinput.length; i++) {
		oinput[i].checked = false;
	}
}
// 反选
function fanxuan() {
	// 找到所有的input 给每个input增加checked属性
	for (var i = 0; i < oinput.length; i++) {
		if (oinput[i].checked == false) {
			oinput[i].checked = true;
		}else{
			oinput[i].checked = false;
		}
	}
}


</script>
</body>
</html>